<template>
	<view class="username">
		<view class="ltem">
			<text>头像</text>
			<image src="../../static/my/0194b25ed70a55a801215aa019fd8b.jpg@260w_195h_1c_1e_1o_100sh.png" mode="heightFix"></image>
		</view>
		
		<view class="ltem">
			<text>昵称</text>
			<text class="text1">乐分宝</text>
		</view>
		
		<view class="ltem">
			<text>姓名</text>
			<text class="text1">尧舜</text>
		</view>
		
		<view class="ltem">
			<text>手机号</text>
			<text class="text1">185****3177</text>
		</view>
		
		<view class="but">
			提交修改
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less" scoped>
.username{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100vw;
	min-height: 100vh;
	background-color: #fff;
}
.ltem{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 710rpx;
	height: 100rpx;
	image{
		height: 80rpx;
	}
	.text1{
		font-size: 24rpx;
		color: #cecece;
	}
}
.but{
	width: 710rpx;
	height: 80rpx;
	margin-top: 300rpx;
	text-align: center;
	line-height: 80rpx;
	color: #fff;
	background-color: #00c783;
	border-radius: 10rpx;
}
</style>
